
var answer=0;
//请求本地json文件
answ(answer);
$.ajax({
    url:"data/music.json",
    type:"get",
    dataType:"json",
    success:function(res){
        console.log(res);
        res.sort(function(){
            return Math.random() - 0.5;
        });
        var frist_arr = [];
        var second_arr = [];
        for(var i=0;i<res.length;i++){
            if(i<20){
                frist_arr.push(res[i].audio);
            }else{
                second_arr.push(res[i].audio);
            }
        }
        load1(frist_arr,second_arr);
        
       
        //e.target被点击的元素
        var n=0;
        var timeOut;
        $(".answer1").html(res[n].item[0]);
        $(".answer2").html(res[n].item[1]);
        $(".answer3").html(res[n].item[2]);
       
        var f = false;
        $(".start_btn").on("click",function(){
            $(".player").attr("src",res[n].audio);
            $(".player").get(0).play();
        })
        
        $(".option").on("click",function(e){
            
            if(e.target.className == "answer1" || e.target.className == "answer2" || e.target.className=="answer3"){
                //开关为false并且没有定时器时
                if(!f && !timeOut){
                    timeOut=setTimeout(function(){
                        f = true;
                        timeOut=null;
                        $(".alertinfo").removeClass("opacityinfo");
                    },2000)
                }else{
                    $(".alertinfo").addClass("opacityinfo");
                }
                if(f){
                    f=false; 
                    $(".player")[0].pause();
                    n++;    
                    $(".answer1").html(res[n].item[0]);
                    $(".answer2").html(res[n].item[1]);
                    $(".answer3").html(res[n].item[2]);
                    
                    //音乐
                    $(".player").attr("src",res[n].audio);
                    $(".player")[0].play();

                    //正确答案
                     if( $(e.target).parent().index() == res[n-1].answer ){
                        answer++;
                        return answer;
                     }
                     answ(answer);
                   
                } 
        
                
            }
            // f=false;  
                                 
        })

    },
    error:function(err){
        console.log("加载资源失败");
    }
})
 //结果页头像和文字描述

function answ(answer){
    $(".info>.text3>span").html(answer);
    if(answer>=0 && answer<=6){
        $(".glod>img").attr("src","img/page8/bronze.png");
        $(".text>.txt").html(" 失敬失敬！十二星座青铜“音”斗士，继续加油吧！");
    }else if(answer>=7 && answer<=12){
        $(".glod>img").attr("src","img/page8/silver.png");
        $(".text>.txt").html(" 失敬失敬！十二星座白银“音”斗士，继续加油吧！");
    }else if(answer>=13 && answer<=18){
        $(".glod>img").attr("src","img/page8/gold.png");
        $(".text>.txt").html(" 不错不错！十二星座黄金“音”斗士，继续加油吧！");
    }else if(answer>=19 && answer<=24){
        $(".glod>img").attr("src","img/page8/platinum.png");
        $(".text>.txt").html(" 失敬失敬！十二星座黄金“音”斗士，你是哪一官？向你的基友们寄送挑战书吧！");
    }else{
        $(".glod>img").attr("src","img/page8/jewe.png");
        $(".text>.txt").html(" 犀利犀利！十二星座钻石“音”斗士，最强王者！");
    }
}

//预加载歌曲60首
//先加载30首，当前30首加载完毕，可以开始游戏
//每首歌至少播放两秒，30首歌曲则至少播放60秒

function load1(data1,data2){
    var queue = new createjs.LoadQueue();
    //先加载data1，第一批音频
    queue.loadManifest(data1);
    queue.on("progress",function(e){
        var per = Math.floor(e.progress*100)+"%";
        $(".loadres").html("Loading"+per);
        if(per == (100+"%")){
            $(".page0").css({
                display:"none"
            });
            $(".content").css({
                display:"block"
            })
        }

    });
    queue.on("complete",function(){
        console.log("第一批资源加载成功");
        load2(data2);
    });
    queue.load();
}

function load2(data2){
    var queue = new createjs.LoadQueue();
    queue.loadManifest(data2);
    queue.on("progress",function(e){
        //console.log("所有资源加载成功");
    });
    queue.load();
}

//点击开始按钮
var index = 2;
var k=2;
//开关，控制定时器的触发
var flag = false;
//定时器
var t;
var wl;
$(".page1 .start_btn").on("click",function(){
    $(".content").css({
        marginLeft:-100+"%"
    });
    $(".option").css({
        display:"block"
    });
    $(".time").css({
        display:"block"
    });
    if(  index == 2 ){
        $(".movieHitSongpeople").addClass("fadeDown1");
        $(".movieHitSong").addClass("fadeDown2");
    }
    flag=true;
    if(flag == true){
        t = setInterval(function(){
            $(".content").css({
                marginLeft:-100*index+"%"
            })
            index++;
            if(index >= 7){
                clearInterval(t);
                index=2;
                flag = false;
            }
            //添加动画
            if( index == 3 ){
                $(".page2").addClass("fadeout");
                $(".index_bg").addClass("fadeInBg");
                $(".audienceLeft").addClass("fadeInLeft");
                $(".audienceRight").addClass("fadeInRight");
            }
            if( index == 4 ){
                $(".page4").addClass("jinlai");
            }
            if(index == 5){
                $(".watchpeos").addClass("watch");
            }
            if(index == 6){
                $(".page6").addClass("page");
            }
           
        },10000)
    }
    
    //倒计时60秒
    var times;
    times=setInterval(function(){
        var time = $(".timetext").html();
        time--;
        if(time<10){
            $(".timetext").html("0"+time);
        }else{
            $(".timetext").html(time);
        }
     
        if(time == 0){
            clearInterval(times);
            $(".content").css({
                marginLeft:-700+"%"
            });
            $(".option").css({
                display:"none"
            });
            $(".time").css({
                display:"none"
            });
            $(".player")[0].pause();
        }
    },1000);

   
});

//点击再次挑战，回到开始页面

$(".buttonleft").on("click",function(){
    
     window.location.reload();
});
//分享到朋友圈
$(".buttonright").on("click",function(){
    $(".share").css({
        display:"block"
    })
});
$(".share").on("click",function(){
    $(this).css({
        display:"none"
    })
})



